import axios from 'axios';
import moment from 'moment';
import MD5 from 'md5';
import { Message, Loading } from 'element-ui';
import _ from 'lodash';
import Mock from 'mockjs';

import { mergeConfig } from '@/mergeConfig.js';
let serverConfig = null;
if (_.has(window, 'server_config')) {
  serverConfig = window.server_config.getServerConfig();
}

const CONFIG = mergeConfig(serverConfig);

axios.defaults.timeout = 1000 * 10;
axios.defaults.baseURL = `${CONFIG.host}`;
axios.defaults.headers.post['Content-Type'] =
  'Content-Type:application/x-www-form-urlencoded; charset=UTF-8'; //预防跨域

// 如果使用全局loading
// let loading;
// function openLoading() {loading = Loading.service({lock: true,background: 'rgba(255,255,255,0.6)'});}
// function closeLoading() {loading.close()}
// 不过实际业务不怎么待见全局loading（无论它们知道与否）

// 添加请求拦截器
axios.interceptors.request.use(
  (config) => {
    // 在发送请求之前做些什么
    // let verifykey = MD5(moment().format("YYYYMMDD")).toUpperCase();
    // if (config.method == 'post' && !_.has(config.params, 'verifykey')) {
    //   _.set(config, 'params.verifykey', verifykey);
    // }
    // if (config.method == 'post' && !_.has(config.headers, 'sign')) {
    //   _.set(config, 'headers.sign', verifykey);
    // }
    // 如果使用全局loading，可以在这里open，不过……
    return config;
  },
  (error) => {
    // 对请求错误做些什么
    return Promise.reject(error);
  }
);

// 添加响应拦截器
axios.interceptors.response.use(
  function(response) {
    // 如果使用全局loading，可以在这里close，不过……
    // 对响应数据做点什么
    if (response.status === 200) {
      return response.data; //对明确的200做脱壳处理
    }
    // http://www.axios-js.com/zh-cn/docs/#%E5%93%8D%E5%BA%94%E7%BB%93%E6%9E%84 官网的响应结构
    return response;
  },
  function(error) {
    console.log(error);
    // 对响应错误做点什么
    if (error && error.response) {
      switch (error.response.status) {
        case 400:
          error.message = '请求错误(400)';
          break;
        case 401:
          this.$router.push('/login');
          break;
        case 403:
          error.message = '拒绝访问(403)';
          break;
        case 404:
          error.message = '请求出错(404)';
          break;
        case 408:
          error.message = '请求超时(408)';
          break;
        case 500:
          error.message = '服务器错误(500)';
          break;
        case 501:
          error.message = '服务未实现(501)';
          break;
        case 502:
          error.message = '网络错误(502)';
          break;
        case 503:
          error.message = '服务不可用(503)';
          break;
        case 504:
          error.message = '网络超时(504)';
          break;
        case 505:
          error.message = 'HTTP版本不受支持(505)';
          break;
        default:
          error.message = `连接出错(${error.response.status})!`;
      }
    } else {
      error.message = '连接服务器失败!';
    }
    return Promise.reject(error);
  }
);

let api = {
  test: {
    get: function(params) {
      let url = this.path + '/test/getSCData';
      return axios.get(url, { params: params });
    },
    post: function(params, data) {
      let url = this.path + '/post';
      // return Promise.resolve(Mock.mock({
      //   code: 200,
      //   "data|5": [{
      //     _id: '@id',
      //     face: "@image('32x32')",
      //     cName: '@cname',
      //     is: '@boolean',
      //     num: '@integer(32,64)',
      //     float: '@float(0,100,1,2)',
      //     dateTime: "@datetime('yyyy-MM-dd HH:mm:ss')",
      //     text: '@cparagraph(1,3)',
      //     ip: '@ip',
      //     step: '@range(0,10,2)',
      //     "value|+1": 1
      //   }],
      //   message: '使用Mock模拟的post数据',
      // }))
      return axios.post(url, data, { params: params });
    },
    mirrorForce: function(params, data) {
      let url = this.path + '/MirrorForce';
      // 这个测试用接口，需要配合 nodejs 使用，效果是按原样返回所有参数
      return axios.post(url, data, { params: params });
    },
    path: 'http://dev-cn.your-api-server.com',
  },
  testHasSign: {
    test: function(params, data) {
      let url = this.path + '/post';
      return axios.post(url, data, {
        params: Object.assign({}, params, this.verifykey),
        headers: this.headers, //尝试通过配置对分组后的接口做相应的配置
      });
    },
    verifykey: {
      verifykey: MD5(moment().format('YYYYMMDD')),
    },
    headers: {
      sign: MD5(moment().format('YYYYMMDD')),
    },
  }, //如此，请按需调整接口配置
  //后面跟正式的api接口
};

export { axios, api };
